<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p id="clock"></p>
		<script>
//			//Date 日期 拿到的是系统时间
//			//new 构造函数实例化对象
//			var Date = new Date();
//			console.log(Date);
//			
//			//格林威治1970年1月1日0时0分到当前的毫秒数，用于时间戳
//			var ts = Date.getTime();
//			console.log(ts);
//			
//			//日期
//			console.log(Date.getDate());
//			
//			//年份
//			console.log(Date.getFullYear());
//			
//			//月份(0~11)
//			console.log(Date.getMonth()+1);
//			
//			//日期
//			console.log(Date.getDate());
//			
//			//星期(星期天 0)
//			console.log(Date.getDay());
//			
//			//时
//			console.log(Date.getHours());
//			
//			//分
//			console.log(Date.getMinutes());
//				
//			//秒
//			console.log(Date.getSeconds());
//			
//			//毫秒
//			console.log(Date.getMilliseconds());
		
			/*
			 	1970年到指定时间的毫秒数
			 	console.log(Date.parse('2017-7-5'));
			 * */
			var c = document.getElementById('clock');
			function time () {
				var d = new Date();
				var before = Date.parse('2017-9-12');
				var now = d.getTime();
				var wasteTime = (now - before)/1000;
				
				var hour,min,sec;
				hour = parseInt(wasteTime/3600);
				min = parseInt(wasteTime%3600/60);
				sec = parseInt(wasteTime%60);
				hour = hour >= 10 ? hour : '0'+hour;
				min = min >= 10 ? min : '0'+min;
				sec = sec >= 10 ? sec : '0'+sec;
				c.innerText = hour + ':' + min + ':' +sec;
			}
			setInterval(time,1000);
		</script>	
	</body>
</html>
